$(function() {
	/*var chart = Highcharts.chart('container', {
		chart: {
			plotBackgroundColor: null,
			plotBorderWidth: null,
			plotShadow: false,
			options3d: {
				enabled: true,
				alpha: 45,
				beta: 0
			}
		},
		title: {
			text: '扇区突出演示'
		},
		tooltip: {
			headerFormat: '{series.name}<br>',
			pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
		},
		plotOptions: {
			pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				depth: 35,
				dataLabels: {
					enabled: true,
					format: '<b>{point.name}</b>: {point.percentage:.1f} %',
					style: {
						color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
					}
				},
				states: {
					hover: {
						enabled: false
					}
				},
				slicedOffset: 20, // 突出间距
				point: { // 每个扇区是数据点对象，所以事件应该写在 point 下面
					events: {
						// 鼠标滑过是，突出当前扇区
						mouseOver: function() {
							this.slice();
						},
						// 鼠标移出时，收回突出显示
						mouseOut: function() {
							this.slice();
						},
						// 默认是点击突出，这里屏蔽掉
						click: function() {
							return false;
						}
					}
				}
			}
		},
		series: [{
			type: 'pie',
			name: '浏览器访问量占比',
			data: [
				['Firefox', 45.0],
				['其他', 0.7],
				['其他', 2.7],
				['其他', 3.7],
				['其他', 5.7],
				['其他', 7.7],
				['其他', 9.7],
				['其他', 3.7],
				['其他', 5.7]
			]
		}]
	});*/
	
	var chart = Highcharts.chart('container', {
    title: {
        text: '混合图表'
    },
    xAxis: {
        categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    labels: {
        items: [{
            html: '货流量',
            style: {
                left: '100px',
                top: '18px',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
            }
        }]
    },
    series: [{
        type: 'column',
        name: '小张',
        data: [3, 2, 1, 3, 4, 7, 8]
    }, {
        type: 'column',
        name: '小潘',
        data: [2, 3, 5, 7, 6, 1, 4]
    }, {
        type: 'column',
        name: '小王',
        data: [4, 3, 3, 9, 0, 5, 8]
    }, {
        type: 'spline',
        name: '平均值',
        data: [3, 2.67, 3, 6.33, 3.33, 4.33, 6.67],
        marker: {
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[3],
            fillColor: 'white'
        }
    }, {
        type: 'pie',
        name: '总的货流量',
        data: [{
            name: '小张',
            y: 13,
            color: Highcharts.getOptions().colors[0] // Jane's color
        }, {
            name: '小潘',
            y: 23,
            color: Highcharts.getOptions().colors[1] // John's color
        }, {
            name: '小王',
            y: 19,
            color: Highcharts.getOptions().colors[2] // Joe's color
        }],
        center: [100, 80],
        size: 100,
        showInLegend: false,
        dataLabels: {
            enabled: false
        }
    }]
});
})